<a href="index.html">
    <img src="/static/img/4ae6c05bac86c93cdd661fe4b183153d.jpeg" width="106px" height="24px"
         style="float: left;margin-left: 10px;margin-top: 20px">
</a>
<div class="mainMenu">
    <a href="/" class="menuList">
        首页
    </a>
    <a href="index.html#baseKnowledge" class="menuList">软工概述</a>
    <a href="/getSubCase" class="menuList">子案例</a>
    <a href="/getCompleteCase" class="menuList">完整案例</a>
    <a href="https://www.huixinyixiao.xn--6qq986b3xl/index.php/%e5%8d%9a%e5%ae%a2/" class="menuList">博客</a>
</div>
<div class="research" id="res">
    <div class="showResearch"></div>
    <div class="researchIcon" onclick="showRearchInput()">搜索</div>
</div>
<div class="research research_input" id="res_input">
    <input type="text">
    <a href="">
        <div style="float: right; width: 32px;height:32px;margin-top:8px;margin-right: 5px;
        background-image: url('/static/img/icon/search.svg');background-repeat: no-repeat"
        ></div>
    </a>
</div>

<script>
    function showRearchInput() {
        let resInp = document.getElementById("res_input");
        let res = document.getElementById("res")
        resInp.style['display'] = "block"
        res.style["display"] = "none"

    }
</script>
<style>
    .researchIcon {
        cursor: pointer;
    }

    .research_input {
        width: 200px;
        display: none;
    }

    .research_input input {
        float: left;
        width: 150px;
        height: 40px;
        margin-top: 2.5px;
    }
</style>